<nb-card class="col-md-12 col-lg-12 col-xxxl-12">
  <nb-card-body>
    <nb-stepper orientation="horizontal">
      <nb-step [label]="labelOne">
        <ng-template #labelOne>第一步</ng-template>
        <h3>配置公网服务器环境 #1</h3>
        <br>
        <div class="row">
          <div class="col-md-6">
            <p>1.使用命令行<a onclick="return false" href="">sudo apt-get install git</a>（以Ubuntu为例）配置git</p>
            <p>2.前往<a href="https://nodejs.org/en/">https://nodejs.org/en/</a>下载nodejs并配置环境</p>
            <p>3.配置成功结果如图</p>
          </div>
          <div class="col-md-6"><img class="img-responsive" style="max-width: 100%" src="assets/i1.jpg"></div>
        </div>
        <br>
        <button nbButton disabled nbStepperNext class="pull-left">上一步</button>
        <button nbButton nbStepperNext class="pull-right">下一步</button>
      </nb-step>
      <nb-step [label]="labelTwo">
        <ng-template #labelTwo>第二步</ng-template>
        <h3>下载节点代码 #2</h3>
        <br>
        <div class="row">
          <div class="col-md-6">
            <p>1.前往<a href="https://github.com/wen1025629909/ft-blockchain">https://github.com/wen1025629909/ft-blockchain</a>下载本项目开源节点代码</p>
            <p>2.使用<a onclick="return false" href="">git clone</a>命令亦可</p>
            <p>3.进入项目，执行<a onclick="return false" href="">npm install</a>命令</p>
            <p>4.配置成功结果如图</p>
          </div>
          <div class="col-md-6"><img class="img-responsive" style="max-width: 100%" src="assets/i2.jpg"></div>
        </div>
        <br>
        <button nbButton nbStepperPrevious>上一步</button>
        <button nbButton nbStepperNext>下一步</button>
      </nb-step>
      <nb-step label="第三步">
        <h3>启动节点并在服务器配置中打开相关端口 #3</h3>
        <br>
        <div class="row">
          <div class="col-md-6">
            <p>1.查看<a onclick="return false" href="">quickCli.txt</a>命令行说明文件</p>
            <p>2.根据说明执行命令</p>
            <p>3.配置成功结果如图</p>
          </div>
          <div class="col-md-6"><img class="img-responsive" style="max-width: 100%" src="assets/i3.jpg"></div>
        </div>
        <br>
        <button nbButton nbStepperPrevious>上一步</button>
        <button nbButton nbStepperNext>下一步</button>
      </nb-step>
      <nb-step [label]="labelFour">
        <ng-template #labelFour>第四步</ng-template>
        <h3>联系我们获得access token以加入网络 #4</h3>
        <button nbButton nbStepperPrevious>上一步</button>
        <button nbButton disabled nbStepperNext>下一步</button>
      </nb-step>
    </nb-stepper>
  </nb-card-body>
</nb-card>
